<%--
  Created by IntelliJ IDEA.
  User: hdwx
  Date: 2016/12/27
  Time: 16:18
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <style type="text/css">
        *{
            padding:0;
            margin: 0;
        }
        #footer_background{
            position: relative;
            top: 50px;
            height: 240px;
            background-color: #1d1a34;
            color: #999999;
        }
        #footer_background #left,#footer_background #right{
            position: relative;
            top:40px;
            left: 135px;
            float: left;
        }
        #footer_background #left #img1{
            margin-bottom: -5px;
        }
        #footer_background #left p{
            margin-bottom: 15px;
        }
        #footer_background #left a{
            text-decoration: none;
            color: #999999;
        }
        #footer_background #bottom{
            padding-top:10px ;
        }
        #footer_background #right{
            position: relative;
            left: 260px;
        }
        #footer_background #right p{
            text-align: center;
            margin-top: 10px;
        }
    </style>
</head>
<body>
<div id="footer_background">

    <%--左侧文字--%>
    <div id="left">
        <p><img src="static/img/footer_logo.png" id="img1">微课慕课网  版权所有@2014-2016</p>
        <p>电话 : 010-83456666  010-84929209</p>
        <p>地址 ：北京市西城区新街口外大街8号金丰和商务苑b座210室</p>
        <p>技术支持 ：北京师科阳光信息技术有限公司  京ICP备15064195号 <img src="static/img/pic.gif"></p>
        <p id="bottom">
            <a href="aboutus.jsp">关于我们</a> |
            <a href="contactus.jsp">联系我们</a> |
            <a href="job.jsp">人才招聘</a> |
            <a href="#">友情链接</a> |
            <a href="#">申请链接</a>
        </p>
    </div>
    <%--右侧图片--%>
    <div id="right">
        <img src="static/img/wkmk-weixin.jpg">
        <p>微信公众号</p>
    </div>

</div>

</body>
</html>
